<template>
    <section class="component-box">
        <div class="center-container">
            <img src="https://www.scvtc.edu.cn/images/logo.png">
            <menu class="menu">
                <li v-for="item in listData" :key="item">{{ item }}</li>
            </menu>
        </div>
    </section>
</template>

<script setup lang="ts">
const listData = [
    "首页",
    "学院概况",
    "机构设置",
    "教学管理",
    "科学研究",
    "招生就业",
    "合作交流",
    "数字办公",
    "公共服务",
    "信息公开",]
</script>

<style scoped lang="scss">
.component-box {
    padding-top: 14px;

    .center-container {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .menu {
            display: flex;

            li:nth-child(n + 2) {
                margin-left: 20px;
            }
        }
    }
}
</style>